<extend name="Public/base_mobile"/>
<block name="head_css">
    <link rel="stylesheet" href="__SALEM_V3__/css/detail.pkg.css">
</block>
<block name="header">
</block>
<block name="content">
	<div id="init" class="init" v-show="!ready" transition="init">
        <div class="logo">
            <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/03/08-14-55/56de7773ed78b.png" width="100%">
        </div>
        <ul class="box">
            <li class="ball ball-1 animated infinite"></li>
            <li class="ball ball-2 animated infinite"></li>
            <li class="ball ball-3 animated infinite"></li>
            <li class="ball ball-4 animated infinite"></li>
            <li class="ball ball-5 animated infinite"></li>
            <li class="ball ball-6 animated infinite"></li>
        </ul>
    </div>
    
    <!-- 主体 -->
    <div class="g-bd">
        <p v-if="cutedown_str" align="center" class="cutedown" v-text="cutedown_str">距离活动结束还剩: 00 时 00 分 00 秒</p>

        <div class="goods-pic">
            <img width="100%" v-bind:data-echo="goods.goods_thumb">
        </div>
        <div class="goods-info-base">
            <h4 class="title" v-text="goods.goods_name"></h4>
            <p class="desc" v-text="goods.goods_introduction"></p>
            <div class="flex-box">
                <div class="price">
                    <div class="now">
                        <a v-if="1 == goods.goods_type">促销价: </a>
                        <a v-else>商城价: </a>
                        <a>￥</a>
                        <a v-text="goods.shop_price"></a>
                        <a class="unit" v-text="'/' + goods.goods_unit"></a>
                    </div>
                    <div class="before"><a>￥</a>
                        <a v-text="goods.market_price">
                            <a>
                                <a class="unit" v-text="'/' + goods.goods_unit"></a>
                    </div>
                    <div class="clearfix"></div>
                    <div class="subscription"><a>定金: </a><a>￥</a>
                        <a v-text="goods.goods_deposit"></a>
                    </div>
                    <a class="discount" v-text="goods.goods_discount + '折扣'"></a>
                </div>
            </div>
        </div>
        <div class="goods-info-count">
            <a class="count">数量: <a>1</a>户</a>
            <a class="store">库存: <a v-text="goods.promotion_stock"></a>户</a>
            <a class="people-say" href="{:C('NAVIGATION_LINK_BBS')}/forum.php?mod=viewthread&tid=83">网友评价</a>
        </div>
        <p class="goods-info-addon" v-text="goods.goods_title"></p>

        <div class="row-shop-title">
            <h2 v-text="goods.shop_name"></h2>
            <a v-bind:href="goods.shop_link" class="btn-into">进入店铺</a>
        </div>

        <div class="goods-info-detail">
            <ul class="tab-header flex-box">
                <li><a v-on:click="showTab(0)" v-bind:class="{active: 0 == tab_show}">商品详情</a></li>
                <li><a v-on:click="showTab(1)" v-bind:class="{active: 1 == tab_show}">购买须知</a></li>
                <li><a v-on:click="showTab(2)" v-bind:class="{active: 2 == tab_show}">平台保障</a></li>
            </ul>
            <ul class="tab-body">
                <li v-show="0 == tab_show" v-html="goods.goods_content"></li>
                <li v-show="1 == tab_show"><img width="100%" src="__SALEM_V3__/img/tab_content_2.png"></li>
                <li v-show="2 == tab_show"><img width="100%" src="__SALEM_V3__/img/tab_content_1.png"></li>
            </ul>
        </div>
    </div>
    <!-- /主体 -->
    <!-- 功能条 -->
    <div class="g-bottom flex-box">
        <a class="qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3075004581&amp;site=qq&amp;menu=yes">
            <span class="icon"></span>
            <p>QQ客服</p>
        </a>
        <a href="tel:4008-168-333" class="tel">
            <span class="icon"></span>
            <p>电话</p>
        </a>
        <a v-bind:href="buy_link" class="btn {{btn_class}}" v-text="btn_text"></a>
    </div>
    <!-- 功能条 -->
    <!-- 回到顶部 -->
    <a id="scrollUp">TOP</a>
    <!-- 回到顶部 -->
    <script>
    var data = {
    		'buy_state_map': {$buy_state_map},
    		'goods_info': {$goods_data}
    		};
    </script>
    <script src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/01/2016/01/20-16-10/569f40de8d513.js"></script>
    <script src="__SALEM_V3__/js/detail.pkg.js"></script>
</block>
